<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <button>按钮1</button>
    <button>按钮2</button>
</body>
</html>
<script>
    //需求：点击按钮1输出1；点击按钮2输出2
    //方案一，for循环，使用let变量定义i
    let btns=document.querySelectorAll('button');
    for(let i=0;i<btns.length;i++){
        btns[i].onclick=function(){
            console.log(i+1);
        }
    }

    //方案二，使用自定义属性（h5中为标签新增了以data开头的属性 可以用于记录
</script>